import _ from 'lodash';
import * as React from 'react';
import {observer} from 'mobx-react';
import {Table, Row, Col, Button, Spin, Select, Input} from 'antd';
import {MySpin} from '../../../component/spin/Spin';
import {AddFormModal} from './add/Add';
import {EditFormModal} from './edit/Edit';
import {AdShowModal} from './show/Show';
import {AdBindMediatypeModal} from './adBind/AdBind';
import {ApiModal} from './api/Api';
import {AdListSearchBar} from './searchBar/SearchBar'
import {ListTable} from './list/List';
import {addStore, listStore} from './AdStore';
import './AdStyle.less';

@observer
export class AdList extends React.Component<any, any> {

    render() {
        return (
            <div>
                <MySpin SpiLoading={listStore._SpiLoading}/>
                <AdListSearchBar/>
                <ListTable/>
                <EditFormModal/>
                <AddFormModal/>
                <AdBindMediatypeModal/>
                <AdShowModal/>
                <ApiModal/>
            </div>
        )
    }
}